
 {include file="public/user_header" title="账号详情" /}
            <div class="container-xxl flex-grow-1 container-p-y">

              <div class="row">
                <div class="col-md-12">
                  <ul class="nav nav-pills flex-column flex-md-row mb-3">
                    <li class="nav-item">
                      <a class="nav-link active" href="javascript:void(0);"><i class="bx bx-user me-1"></i> 账 户 详 情</a>
                    </li>
                    <li class="nav-item"><a class="nav-link" href="/My/Security"><i class="bx bx-lock-alt me-1"></i>安 全 设 置</a></li>
                    <li class="nav-item">
                      <a class="nav-link" href="/My/Notifications"
                        ><i class="bx bx-bell me-1"></i> 通 知 设 置</a
                      >
                    </li>
                    <li class="nav-item">
                      <a class="nav-link" href="/My/Connections"
                        ><i class="bx bx-link-alt me-1"></i>账 号 绑 定</a
                      >
                    </li>
                  </ul>
                  <div class="card mb-4">
                    <h5 class="card-header">资 料 详 情</h5>
                    <!-- Account -->
                    <div class="card-body">
                      <div class="d-flex align-items-start align-items-sm-center gap-4">
                        <img
                          src="{$user.head}"
                          alt="user-avatar"
                          class="d-block rounded"
                          height="100"
                          width="100"
                          id="uploadedAvatar"
                        />
                      </div>
                    </div>
                    <hr class="my-0" />
                    <div class="card-body">
                      <form id="formAccountSettings" method="POST" onsubmit="return false">
                        <div class="row">
                          <div class="mb-3 col-md-6">
                            <label for="firstName" class="form-label">用 户 名</label>
                            <input class="form-control" type="text" name="username" value="{:$user.username}" disabled=""/>
                          </div>
                          <div class="mb-3 col-md-6">
                            <label for="email" class="form-label">账 户 ID</label>
                            <input
                              class="form-control"
                              type="text"
                              value="{:$user.id}"
                              disabled=""
                            />
                          </div>
                          {if condition="$user.email neq ''"}
                          <div class="mb-3 col-md-6">
                            <label for="organization" class="form-label">邮 箱</label>
                            <input
                              type="text"
                              class="form-control"
                              value="{:$user.email}"
                              disabled=""
                            />
                          </div>
                          {/if}
                          {if condition="$user.mobile neq ''"}
                          <div class="mb-3 col-md-6">
                            <label class="form-label" for="phoneNumber">手 机 号</label>
                            <div class="input-group input-group-merge">
                              <span class="input-group-text">(+86)</span>
                              <input
                                type="text"
                                class="form-control"
                                value="{:$user.mobile}"
                                disabled=""
                              />
                            </div>
                          </div>
                          {/if}
                          <div class="mb-3 col-md-6">
                            <label for="address" class="form-label">套 餐 费 率</label>
                            <input type="text" class="form-control"  value="{:$user.feilv}" disabled=""/>
                          </div>
                          <div class="mb-3 col-md-6">
                            <label for="state" class="form-label">套 餐 时 间</label>
                            <input class="form-control" type="text" value="{:$user.vip_time}" disabled=""/>
                          </div>
                        </div>
                      </form>
                    </div>
                    <!-- /Account -->
                  </div>
                </div>
              </div>
            </div>
            <!-- / Content -->

{include file="public/user_footer" /}
<!-- Page JS -->
<script src="/static/index/user/assets/vendor/libs/formvalidation/dist/js/FormValidation.min.js"></script>
    <script src="/static/index/user/assets/vendor/libs/formvalidation/dist/js/plugins/Bootstrap5.min.js"></script>
    <script src="/static/index/user/assets/vendor/libs/formvalidation/dist/js/plugins/AutoFocus.min.js"></script>